import styled from 'styled-components';

export const HomeWrapper=styled.div`
    width:960px;
    margin:0 auto;
   overflow:hidden;

`;
export const HomeLeft=styled.div`
    width:625px;
    padding-top: 30px;
    margin-left:15px;
    float: left;
    .banner-img{
        width:100%;
        height:270px;
    }
`;
export const HomeRight=styled.div`
    width:280px;
   float: right;
  
`;
export const TopicWrapper=styled.div`
    padding:20px 0 10px 0;
    overflow:hidden;
     margin-left:-18px;
     border-bottom:1px solid #dcdcdc;
`;
export const TopicItem=styled.div`
   float: left;
    height: 32px;
    line-height: 32px;
    margin-left:18px;
     margin-bottom:18px;
    font-size: 14px;
    color: #000;
    background-color: #f7f7f7;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
     padding-right: 10px;
    .topic-pic{
    display:block;
    float:left;
      width: 32px;
    height: 32px;
        margin-right: 10px;
    }
`;
//文章列表区域
export const ListItem=styled.div`
   padding: 20px 0;
    border-bottom: 1px solid #dcdcdc;
    overflow: hidden;
    .pic{
        display:block;
        float: right;
        width: 125px;
        height: 100px;
        border-radius: 10px;
    }

`;
export const ListInfo=styled.div`
     float: left;
     width: 480px;
     .title{
        line-height: 27px;
        color: #333;
        color: #333;
        font-weight: 700;
     }
     .desc{
     font-size: 14px ;
        line-height: 24px;
         color: #999;
     }
     
`;
export const RecommendList=styled.div`
   margin: 30px 0;  
`;
export const RecomPic=styled.div`
    margin-bottom:6px;
    .reImg{
      width:280px;
        height:50px;
    }
`;
export const WiterWrapper=styled.div`
    width: 278px;
    border: 1px  solid #dcdcdc;
    text-align: center;
    height: 300px;
    border-radius: 5px;
    line-height: 300px;
`;
export const LoadMore=styled.div`
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #a5a5a5;
    border-radius: 20px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    margin: 30px 0;
`;
export const BackTop=styled.div`
       position: fixed;
    right: 100px;
    bottom: 100px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 14px;
    background-color: #cccccc;
    border: 1px solid #999;
`;